<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
	<div id="main_bg">
		<div id="title_page">
			<h1>My Profile</h1>
		</div>
		<hr>
		<div id="page_header">
			<div id="nav">
				<a href="/e-learning+/main" id="link">Home</a>
				<a href="/e-learning+/virtual" id="link">Virtual Classroom</a>
				<a href="/e-learning+/mbl" id="link">Multimedia Based Learning</a>
				<a href="/e-learning+/forum" id="link">Discussion Forum</a>
				<a href="/e-learning+/library" id="link">The Library</a>
				<a href="/e-learning+/test" id="link">Test</a>
			</div>
			<div id="nav2">
				<a href="/e-learning+/profile" id="link">My profile</a>
				<a href="/e-learning+" id="signout">Sign out</a>
			</div>
		</div>
		<div id="content">
			<br>
			<img src="profile.jpeg">
			<div id="mini_content">
				<div id="link_edit"><a href=edit.html>Edit</a></div>
				Full Name: 
				<div id="title_part">Melody Nurramdhani Laksani</div>
				<hr>
				First Name: <div id="part">Melody</div>
				Last Name: <div id="part">Nurramdhani Laksani</div>
				Email: <div id="part">melodyJKT48@gmail.com</div>
				Password: <div id="part"><br></div>
				Birth Date: <div id="part">March 24th, 1992</div>
				Twitter: <div id="part">@melodyJKT48</div>
			</div>			
		</div>
	</div>
</body>

</html>